<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>省市三级联动</title>

    <link href="layui/css/layui.css" rel="stylesheet"/>

    <script src="asserts/layui/layui.js" type="text/javascript"></script>
    <script src="asserts/js/jquery2.min.js" type="text/javascript"></script>

</head>

<body>

<div class="layui-main">
    <form class="layui-form" action="javascript:jg()" method="post" style="margin:50px auto">
        <div class="layui-form-item">
            <label class="layui-form-label">请选择地区</label>
            <div class="layui-inline">
                <select name="province" id="province" lay-verify="required" lay-search lay-filter="province">
                    <option value="">省份</option>
                </select>
            </div>
            <div class="layui-inline">
                <select name="cityName" id="city" lay-verify="required" lay-search lay-filter="city">
                    <option value="">地级市</option>
                </select>
            </div>


        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"></label>
            <div class="layui-input-inline">
                <button type="submit" class="layui-btn ">提交</button>
            </div>
        </div>
    </form>
</div>

<script src="asserts/js/area.js" type="text/javascript"></script>
<script src="asserts/js/select.js" type="text/javascript"></script>
<script type="text/javascript">
    function jg() {
        alert($("#province").val() + $("#city").val() + $("#district").val());
    }
</script>

</body>
</html>
